<template>
  <div class="zz-page-wrapper">
    <h2>
      {{ $t(`INTRODUTION.Title`) }}
    </h2>
    <WaterFallList :data-list="wfList" />
  </div>
</template>

<script>
import WaterFallList from "@/components/waterfall-list";

const wfList = [
  {
    title: "img1",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/16305100fd7913dd727e8906b97e8998.png?f=webp&w=537&h=762&bg=DDE2E6",
  },
  {
    title: "img2",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8a28a90c3c449ba422a10e40085d2e9.png?f=webp&w=537&h=378&bg=DBDEEF",
  },
  {
    title: "img3",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/200a6f45d1ccbf7d8fd92f4bbe2842d4.jpeg?f=webp&w=537&h=378&bg=F3E7E7",
  },
  {
    title: "img4",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d9d7f31258a1f84a277918cecab14aaa.jpg?thumb=1&w=344&h=280",
  },
  {
    title: "img5",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/396893c2d8416dc791cc3cd7f8a65bdf.jpeg?f=webp&w=1080&h=660&bg=FFFFFF",
  },
  {
    title: "img6",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/09adda25ee11a2b6dd29164fa3a8fd6c.jpg?thumb=1&w=344&h=280",
  },
  {
    title: "img7",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5442b538b27d4664b61b740e8934753b.jpg?f=webp&w=1080&h=660&bg=FFFFFF",
  },
  {
    title: "img8",
    src: "https://i8.mifile.cn/v1/a1/8cfcd654-4af5-9ae6-c6cc-1ba9d28be8e8.webp?w=537&h=720&bg=9BB5C4",
  },
  {
    title: "img9",
    src: "https://i8.mifile.cn/v1/a1/52866372-7fe5-76c2-29a0-9ae32d07b8ff.webp?w=537&h=720&bg=D9D8C3",
  },
  {
    title: "img10",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4c4a11536a720ee0f1b516e53e4d868.jpg?f=webp&w=1080&h=420&bg=873FFA",
  },
  {
    title: "img11",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e36936363beac0fa5bb10078944607b2.png?w=734&h=220&bg=7F0000",
  },
  {
    title: "img12",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6285ac65260e72ebfbff4f47e9072c2c.png?w=800&h=800",
  },
  {
    title: "img13",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f54b6f0a9073aba48d8f27cb6be85277.png?w=800&h=800",
  },
  {
    title: "img14",
    src: "//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7f4f1b75c50836e90e47ca1d935d3525.png?thumb=1&w=120&h=120",
  },
  {
    title: "img15",
    src: "//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a15a684f595f674e48c1a3063d30f06.png?thumb=1&w=120&h=120",
  },
  {
    title: "img16",
    src: "//cdn.cnbj1.fds.api.mi-img.com/mi-mall/4b84e4244cbbb2ffb5993a58bd75b9a2.png?thumb=1&w=120&h=120",
  },
  {
    title: "img17",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/787aa7b48a79ed5411fec2f1854f66bb.jpg?w=2452&h=920",
  },
  {
    title: "img18",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b717c9c84e44409496e993ed6b526c05.jpg?thumb=1&w=2452&h=920&f=webp&q=90",
  },
  {
    title: "img19",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=468&h=1228&f=webp&q=90",
  },
  {
    title: "img20",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=468&h=600&f=webp&q=90",
  },
  {
    title: "img21",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/db032eeb9e8efe9551161ee18bf70d3f.jpg?thumb=1&w=400&h=400&f=webp&q=90",
  },
  {
    title: "img22",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/37973c4bedc27bae38e1b1758ed4b318.png?thumb=1&w=468&h=600&f=webp&q=90",
  },
  {
    title: "img23",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f54b6f0a9073aba48d8f27cb6be85277.png?w=800&h=800",
  },
  {
    title: "img24",
    src: "//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7f4f1b75c50836e90e47ca1d935d3525.png?thumb=1&w=120&h=120",
  },
  {
    title: "img25",
    src: "//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a15a684f595f674e48c1a3063d30f06.png?thumb=1&w=120&h=120",
  },
  {
    title: "img26",
    src: "//cdn.cnbj1.fds.api.mi-img.com/mi-mall/4b84e4244cbbb2ffb5993a58bd75b9a2.png?thumb=1&w=120&h=120",
  },
  {
    title: "img27",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/787aa7b48a79ed5411fec2f1854f66bb.jpg?w=2452&h=920",
  },
  {
    title: "img28",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b717c9c84e44409496e993ed6b526c05.jpg?thumb=1&w=2452&h=920&f=webp&q=90",
  },
  {
    title: "img29",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=468&h=1228&f=webp&q=90",
  },
  {
    title: "img30",
    src: "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d9d7f31258a1f84a277918cecab14aaa.jpg?thumb=1&w=344&h=280",
  },
];

export default {
  name: "Introdution",
  components: {
    WaterFallList,
  },
  data() {
    return {
      wfList: [...wfList],
    };
  },
};
</script>

<style scoped lang="scss">
.zz-page-wrapper {
  width: 100%;
  height: 100%;
}
</style>
